<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    pub-->
    <link rel="stylesheet" type="text/css" href="./lib/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="./lib/easyui/themes/icon.css">
    <script type="text/javascript" src="./lib/easyui/jquery.min.js">
    </script>
    <script type="text/javascript" src="./lib/easyui/jquery.easyui.min.js">
    </script>
    <script type="text/javascript" src="./lib/easyui/locale/easyui-lang-en.js">
    </script>
    <!--    pub-->
    <!--    custom-->
    <link rel="stylesheet" type="text/css" href="stylesheets/index.css">
    <!--    custom-->
</head>
<body>
<h2 style="width: 100%;text-align: center">MISSION MANAGEMENT SYSTEMT</h2>
<div class="easyui-accordion" style="width:700px;height:500px;">
    <div id="adminLogin" title="ADMIN LOGIN" data-options="" style="overflow:auto;padding:10px">
        <div class="customform" style="margin-bottom:10px">
            <input class="easyui-textbox"
                    data-options="label:'ADMIN ID:'" style="width: 200px!important;">
        </div>
        <div class="customform"  style="margin-bottom:10px">
            <input  class="easyui-textbox" type="password" style="width: 200px!important;" data-options="label:'PASSWORD:',required:true">
        </div>
        <div class="customform"  style="margin-bottom:10px">
            <button id="adminLoginButton"type="button" style="width: 100px;height: 40px">LOGIN</button>
        </div>

    </div>
    <div id="staffIDLogin" title="STAFF ID LOGIN" data-options="" style="overflow:auto;padding:10px">
        <div class="customform" style="margin-bottom:10px">
            <input  class="easyui-textbox"
                    data-options="label:'STAFF ID:',required:true" style="width: 200px!important;">
        </div>
        <div  class="customform"  style="margin-bottom:10px">
            <input class="easyui-textbox" type="password" style="width: 200px!important;" data-options="label:'PASSWORD:',required:true">
        </div>
        <div class="customform"  style="margin-bottom:10px">
            <button id="staffIDLoginButton" type="button" style="width: 100px;height: 40px">LOGIN</button>
        </div>

    </div>
    <div id="staffEmailLogin" title="STAFF EMAIL LOGIN" data-options="" style="overflow:auto;padding:10px">

        <div class="customform" style="margin-bottom:10px">
            <input   class="easyui-textbox"
                    data-options="label:'STAFF EMAIL:',required:true,validType:'email'" style="width: 200px!important;">
        </div>
        <div class="customform"  style="margin-bottom:10px">
            <input  class="easyui-textbox" type="password" style="width: 200px!important;"
                   data-options="label:'PASSWORD:',required:true">
        </div>
        <div class="customform"  style="margin-bottom:10px">
            <button  id="staffEmailButton" type="button" style="width: 100px;height: 40px">LOGIN</button>
        </div>

    </div>
    <div id="staffSignUp" title="STAFF SIGN UP" data-options="" style="overflow:auto;padding:10px">
        <div class="customform" style="margin-bottom:10px">
            <input   class="easyui-textbox"
                    data-options="label:'NAME:',required:true" style="width: 200px!important;">
        </div>
        <div class="customform" style="margin-bottom:10px">
            <input  class="easyui-textbox"
                    data-options="label:'EMAIL',required:true,validType:'email'" style="width: 200px!important;">
        </div>
        <div class="customform"  style="margin-bottom:10px">
            <input class="easyui-textbox" type="password" style="width: 200px!important;" data-options="label:'PASSWORD:',required:true">
        </div>
        <div class="customform"  style="margin-bottom:10px">
            <input class="easyui-textbox" type="password" style="width: 200px!important;" data-options="label:'PASSWORD AGAIN:',required:true">
        </div>
        <div class="customform"  style="margin-bottom:10px">
            <button id="staffSignUpButton" type="button" style="width: 100px;height: 40px">LOGIN</button>
        </div>

    </div>

</div>

<script type="text/javascript" src="./javascripts/index.js"></script>
</body>
</html>